<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
     h2{
         color: blueviolet;
     }
    </style>
    <link rel="stylesheet" href="my.css">
</head>
<body>
<!--内联样式不能复用，style=""
  内部样式是在head中去写，style，然后用标签名字的形式去指定，
  内部样式：在单独的css样式文件中写样式代码,通过link标签引用，
  可以实现代码复用，可以将html和css样式分离
-->
<h1 style="color: red">内联样式</h1>
<h1 style="color: blueviolet">内联样式</h1>
<h2>内部样式</h2>
<h2>内部样式</h2>
<h3>外部样式1</h3>
<h3>外部样式2</h3>
</body>
</html>